<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@include file="/views/include/taglib.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<c:set var="woOwner" value="${requestScope.woOwner }"></c:set>
<title>${woOwner.nickname }的主页</title>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/stringutil.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/base.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/feed.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/comment.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/pagination.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/shortMessage.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/notification.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/video.js"></script>
<link href="/skyline/css/comment.css" rel="stylesheet" type="text/css" />
<link href="/skyline/css/base.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#bodyDiv{
	position:relative;
	top:42px;
	width:960px;
	min-height:500px;
	height:auto !important;
	margin:0 auto;
}
#woOwnerDiv{
	float:right; 
	width:240px; 
	height:500px; 
	background:#ffff;
	left:10px;
}
#content{
	float:left;
	width:720px; 
	min-height:500px;
	background:#ffff;
}
hr{
boder:1px dashed #cccccc;
}
</style>
<script type="text/javascript">
MyNewsDivChoose={
		shortMessage:function()
		{
			$("#shortMessageDiv").css("display","block");
			$("#photoDiv").css("display","none");
			$("#videoDiv").css("display","none");
		},
		photo:function()
		{
			$("#shortMessageDiv").css("display","none");
			$("#photoDiv").css("display","block");
			$("#videoDiv").css("display","none");
		},
		video:function()
		{
			$("#shortMessageDiv").css("display","none");
			$("#photoDiv").css("display","none");
			$("#videoDiv").css("display","block");
		}
}
</script>
</head>
<body onload="Feed.getMyFeedsInitial(); notice.initial();">
<%@ include file="/views/include/statusbar.jsp"%>
<div id="bodyDiv">
	<div id="woOwnerDiv">
		<c:choose>
			<c:when test="${empty woOwner.portrait }">
				<img src="${portraitPath }/head.jpg"/>
			</c:when>
			<c:otherwise>
				<img src="${portraitPath }/${woOwner.portrait}"/>
			</c:otherwise>
		</c:choose>
		<br/>
		<a href="${pageContext.request.contextPath}/user/photoupload.html">编辑头像</a>
		<table>
		<tr><td><a href="${pageContext.request.contextPath}/wo/myWo.html">新鲜事</a></td></tr>
		<tr><td><a href="${pageContext.request.contextPath}/article/list/user/${woOwner.id}.html">日志</a></td></tr>
		<tr><td><a href="${pageContext.request.contextPath}/article/list/user/${woOwner.id}.html">相册</a></td></tr>
		<tr><td><a href="${pageContext.request.contextPath}/share/list/user/${woOwner.id}.html">分享</a></td></tr>
		</table>
	</div>
	<div id="content">
		<div id="myNewsDiv">
			<table>
				<tr>
					<td width="260px" >
					我有什么想对大家说??
					</td>
					<td align="right">
					<a href="javascript:MyNewsDivChoose.shortMessage();">短消息</a>&nbsp;
					<a href="javascript:MyNewsDivChoose.photo();">照片</a>&nbsp;
					<a href="javascript:MyNewsDivChoose.video();">视频</a>&nbsp;&nbsp;&nbsp;
					<a href="${pageContext.request.contextPath}/spot/invite.html">邀请</a>
					</td>
				</tr>
			</table>
			<div  id="shortMessageDiv">
				<table>
					<tr>
						<td width="560px" colspan="2">
							<textarea id="shortMessageText" rows="2" cols="56" style="width:560px;height:24px;" onfocus="ShortMessage.textAreaFocus()" onkeydown="ShortMessage.textAreaChange()"></textarea>
							<div id="smileysBox">
							</div>
						</td>
					</tr>
					<tr>
						<td>
							<font id="shortMessageTextCount">您还可输入200字</font>
						</td>
						<td align="right">
							<input type="button" value="发布" onclick="ShortMessage.addShortMessage()"/>
						</td>
					</tr>
				</table>
			</div>
			<div id="photoDiv" style="display:none">
				<table>
					<tr >
						<td width="560px" colspan="2">
						</td>
					</tr>
				</table>
			</div>
			<div id="videoDiv" style="display:none">
				<table>
					<tr>
						<td id="videoQueryInfoMessage">
						</td>
					</tr>
					<tr>
						<td width="460px">
							<input id="videoUrl" size="64">
						</td>
						<td>
							<input type="button" onclick="javascript:Video.queryInfo();" value="提交">
						</td>
					</tr>
				</table>
			</div>
		</div>
		<hr>
		<div id="notifications">
		</div>
		<hr>
		<div id="newFeedsDiv">
		</div>
		<div id="newFeedsContentDiv" style="display:none;">
		</div>
		<div id="feedsDiv">
		</div>
		<div id="feedMessage">
		</div>
		<input type="button" value="更多新鲜事" onclick="javascript:Feed.getMyFeeds();"/>
	</div>
</div>
</body>
</html>
